<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <h3><span>html()和text()方法设置元素内容</span></h3>
    <h1>北京</h1>
    <div id="html"></div>
    <div id="html2"></div>
    <div id="text">北京</div>
    <div id="text2"></div>
    <input type="text" name="uname" id="oop" value="oop" />
    <script src="js/jquery-3.4.1.js" type="text/javascript" charset="UTF-8"></script>
    <script type="text/javascript">
        //html("内容") 设置元素的内容，包含html标签(非表单元素)
        $("#html").html("<h2>上海</h2>") //包含html标签
        $("#html2").html("香港")  //纯文本

        $("#text").text("<h2>澳门</h2>"); //不识别html标签
        $("#text2").text("台湾"); //纯文本

        let val = $("#oop").val();
        console.log(val);
        $("#oop").val("今天天气")
    </script>
</body>

</html>